const { defineConfig } = require('@vue/cli-service');
const path = require('path');

module.exports = defineConfig({
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
      },
    },
  },
  chainWebpack(config) {
    // svg规则配置一下，排除icons目录
    config.module.rule('svg')
      .exclude.add(path.join(__dirname, 'src/icons'))
      .end;
    // 新增icons规则，设置svg-sprite-loader
    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(path.join(__dirname, 'src/icons'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({ symbolId: 'icon-[name]' }) // 使用图标的名称
  },
  devServer: {
    port: 8081, // 确保开发服务器运行在 8081
    proxy: {
      '/api': {
        target: 'https://www.liehao.com',
        changeOrigin: true,
        secure: false, // 如果是 https 目标，需设置 secure: false
        pathRewrite: {
          '^/api': '/api' // 可选：重写路径
        }
      }
    },
     open: true, // 自动打开浏览器
  },
  transpileDependencies: true,
});